<template>
  <div>
    <!-- <navbar></navbar> -->
      <!-- 患者信息 -->
      <div style="height: 40px; margin-top: 10px">
        <el-row>
          <el-col :span="2">
            <div class="grid-content">
              <i class="el-icon-user"></i>01 床 杜某 |
            </div>
          </el-col>
          <el-col :span="2">
            <div class="grid-content">床号：01</div>
          </el-col>
          <el-col :span="2">
            <div class="grid-content">姓名：杜某</div>
          </el-col>
          <el-col :span="2">
            <div class="grid-content">性别：男</div>
          </el-col>
          <el-col :span="2">
            <div class="grid-content">年龄：21岁</div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content">入院日期:2022-04-21 13:14</div>
          </el-col>
        </el-row>
      </div>

      <!-- 操作栏 -->
      <div style="background: #d6ebf1; height: 40px">
        <span>查询记录</span>
        <el-date-picker
          v-model="value1"
          size="mini"
          align="center"
          type="daterange"
          range-separator="至"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
        >
        </el-date-picker>

        <el-button size="mini">本班次</el-button>
        <el-button size="mini">今天</el-button>
        <el-button size="mini">全部</el-button>

        <span>操作时间</span>
        <el-date-picker
          v-model="operationTime"
          type="datetime"
          size="mini"
          placeholder="选择时间"
        >
        </el-date-picker>

        <el-button size="mini">新建</el-button>
        <el-button size="mini" @click="submit()">提交</el-button>
        <el-button size="mini" @click="temporarySave()">暂存</el-button>
        <el-button size="mini">删除</el-button>
        <el-button size="mini">刷新</el-button>
        <el-button size="mini">检查检验</el-button>
        <el-button size="mini">专项评估</el-button>
        <el-button size="mini" disabled>打印</el-button>
      </div>

      <!-- 整体评估、专项评估 -->
       <el-tabs v-model="activeName" @tab-click="handleClick" stretch type="border-card">
        <el-tab-pane label="整体评估" name="first">
          <overall-evaluation />
        </el-tab-pane>
        <el-tab-pane label="专项评估" name="second">
          <special-evaluation />
        </el-tab-pane>
      </el-tabs>
  </div>
  
</template>

<script>
import overallEvaluation from './overallEvaluation/overallEvaluation.vue'
import specialEvaluation from './specialEvaluation/specialEvaluation.vue'
export default {
  name:'Evaluation',
  components:{
    overallEvaluation,specialEvaluation
  },
  data() {
    return {
      activeName: 'first'
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  },

}
</script>

<style>

</style>